<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚点链接</title>
</head>
<body>
    <!--锚点链接，跳转到当前页面中的某一部分-->
    <a href="#chapter01">第1章 </a>
    <br>
    <a href="#chapter02">第2章</a>
    <br>
    <a href="#chapter03">第3章</a>
    <h1 id="chapter01">第1章</h1> <!-- 设置锚点 -->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
    <h1 id="chapter02">第2章</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
    <h1 id="chapter03">第3章</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid asperiores at delectus ducimus ea eaque enim explicabo harum ipsa ipsum, modi molestiae neque officiis quos repellendus soluta veniam. Quo!</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam nulla quis repellat suscipit voluptatum. Accusantium assumenda beatae est, ipsa nostrum repellat sunt. Asperiores excepturi facilis neque perspiciatis quam! Commodi, quo.
</p>
</body>
</html>